<template>
  <div id="area-detail">
      <div class="item">车辆名称：{{initData.name}}</div>
      <div class="item">车辆类型：{{initData.type}}</div>
      <div class="item">车辆负责人：{{initData.responsible}}</div>
      <div class="item">创建时间：{{initData.createTime}}</div>
	  <div class="item">备注：{{initData.remark}}</div>
	 <!-- <div class="item qrcode">二维码：<img :src="initData.qrCode" alt="" width="70px"></div>-->
  </div>
</template>
<script>
export default {
    props:{
      initData:{
        type:Object,
        default:()=>{},
        required:false,
      },
    },
    data(){
      return{

      }
    }
};
</script>
<style scoped lang="scss">
#area-detail{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding:10px 20px;
  .item{
    flex-basis: 40%;
    margin:10px;
  }

}

.qrcode{
	display: flex;
	align-items: flex-start;
}
</style>
